<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="./assets/vendor/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="./assets/vendor/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">

  <link href="./assets/css/devapp.min.css" rel="stylesheet">
  <link href="./assets/css/dev.css" rel="stylesheet">
  <link rel="shortcut icon" type="image/x-icon" href="./assets/img/favicon.png">

	<title>Hello, world!</title>
</head>
<body>
  <section class="middle login-body">
    <!-- website-logo -->
    <div class="website-logo text-light">
      <a href="index.html">
        <div class="logo">
          <img src="./assets/img/bootstrap-logo.svg" alt="" width="30" height="24" class="d-inline-block align-text-top">
          Bootstrap
        </div>
      </a>
    </div>

    <!-- login form -->
    <div class="login-form">
      <div class="img-holder">
        <div class="bg"></div>
        <div class="info-holder">
          <img src="assets/img/graphic3.svg" alt="">
        </div>
      </div>

      <div class="form-holder">
        <div class="form-content">
          <div class="form-items">
            <h4>Login to account</h4>
            <p class="fs-13 text-black-50">Access to the most powerfull tool in the entire design and web industry.</p>

            <form>
              <input class="form-control" type="text" name="username" placeholder="E-mail Address" required="">
              <input class="form-control" type="password" name="password" placeholder="Password" required="">
              <div class="form-button">
                <button id="submit" type="submit" class="ibtn">Login</button> 
                <a class="fs-14" href="forget17.html">Forget password?</a>
              </div>
            </form>

            <div class="other-links">
              <div class="text">Or login with</div>
              <a href="#"><i class="bi bi-facebook"></i>Facebook</a>
              <a href="#"><i class="bi bi-google"></i>Google</a>
              <a href="#"><i class="bi bi-linkedin"></i>Linkedin</a>
            </div>

            <div class="page-links">
              <a class="fs-14" href="register17.html">Register new account</a>
            </div>

          </div>
        </div>
      </div>
    </div>
  </section>

	<script type="text/javascript" src="./assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <script type="text/javascript" src="./assets/vendor/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" >
      $(document).ready(function(){

        
      });
    </script>
</body>
</html>